<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Travel Dream - Home</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
</h:head>
<h:body>
<div id="maincontainer">
<h:form>
<p:commandLink style="float: right;"  action="#{logoutBean.logout}" value="Logout" />
</h:form>
  <div id="menu">
    <div>
    <h:form>
    	<ul>
    		<li><a href="home.xhtml">HOME</a></li>
    		<li>
				<p:commandLink id="tutti_i_viaggi" action="#{PackageMgr.goToAllTravels()}" value="TUTTI I VIAGGI" /> 
			</li>
    		<li>
					<p:commandLink id="il_mio_profilo" action="#{UserMgr.getUserAndAddress()}" value="IL MIO PROFILO" />   
			</li>
    	</ul>
    	</h:form>
    </div>
  </div>
  <div id="right_column">
	<h:form>
       <p:panel header="Fase 1: inserisci i dati" style="margin-bottom:10px;">  
        <h:panelGrid columns="2" cellpadding="10">  
        
        	<h:outputLabel for="departureCity">Città di partenza:</h:outputLabel>
			<p:inputText id="departureCity" value="#{PersonalizeMgr.pmgr.departureCity}" />
        
        	<h:outputLabel for="departureDate" value="Data di partenza:" />
			<p:calendar id="departureDate" value="#{PersonalizeMgr.pmgr.departureDate}" mode="popup" label="departureDate" />
		
			<h:outputLabel for="arrivalDate" value="Data di arrivo:" />
			<p:calendar id="arrivalDate" value="#{PersonalizeMgr.pmgr.arrivalDate}" mode="popup" label="arrivalDate" />
 
            <p:selectOneMenu id="hotel" value="#{PersonalizeMgr.currentHotel}">  
                <f:selectItem itemLabel="Select Hotel" itemValue="" />  
                <f:selectItems value="#{PersonalizeMgr.currentHotelNameList}" />  
                  <p:ajax listener="#{PersonalizeMgr.setHotel()}" />  
            </p:selectOneMenu>  
            <p:row>
					<p:column colspan="2">
						<h:commandButton action="#{PersonalizeMgr.proceed()}" value="Prosegui" />
					</p:column>
			</p:row>
    	</h:panelGrid> 
       </p:panel> 
    </h:form>      
 </div>
 </div>
</h:body>
</html>
